<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/endtoend.css">
    <link rel="stylesheet" href="css/specialty.css">
</head>

<body>
    <!-- 头部 -->
    <div class="head floor_scroll">
        <div class="center">
            <span>乐购www.legou.com</span>
            <div class="fr">
                <span>欢迎光临乐购 请</span>
                <span><a href="login.html">登录</a></span>
                <span><a href="signin.html">|注册</a></span>
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div class="navigation">
        <div class="center">
            <div class="box fl"></div>
            <div class="fl fl_top">
                <div class="clearfix">
                    <input type="text" class="fl"><input type="image" src="imgs/搜索.png" class="fl">
                    <span> <img src="imgs/购物车.png" alt=""> <a href="shoppingtrolley.html">购物车0</a></span>
                    <span>我的订单</span>
                </div>
                <div>
                    <ul>
                        <li><a href="index.html" style="color: #feb80f;">图书</a></li>
                        <li>电子书</li>
                        <li>原创文学</li>
                        <li>服装</li>
                        <li>运动户外</li>
                        <li>孕婴童</li>
                        <li>家居</li>
                        <li>创意文具</li>
                        <li>地方特产</li>
                        <li>海外购</li>
                        <li>电器城</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 搜索框滑出  -->
    <div class="head_navigation">
    </div>
    <!--  潮流新区-->
    <div class="tideway">
        <div class="center"></div>
    </div>
    <!-- 品牌 -->
    <div class="brand">
        <div class="center">
            <div class="brand_top clearfix">
                <!-- 1 -->
                <div class="brand_top1 fl">
                    <span>品牌闪购</span><span>></span>
                    <img src="imgs/c1ea0a626eb48735b20dc90946c6130.jpg" alt="">
                    <div class="brand_top12">
                        <p>初秋时尚</p>
                        <p>全场三折起</p>
                    </div>
                </div>
                <!-- 2 -->
                <div class="brand_top2 fl">
                    <span>聚名品</span><span>LUXURY CHANNEL</span><span>></span>
                    <img src="imgs/618906ae6f2fa994f747725f3aca3dc.jpg" alt="">
                    <div class="brand_top12">
                        <p>特会上新</p>
                        <p>大牌限时折扣</p>
                    </div>
                </div>
                <!-- 3 -->
                <div class="brand_top2 fl">
                    <span>品牌活动</span><span>BRAND ACTIVITY</span><span>></span>
                    <img src="imgs/618906ae6f2fa994f747725f3aca3dc.jpg" alt="">
                    <div class="brand_top12">
                        <p>特会上新</p>
                        <p>大牌限时折扣</p>
                    </div>
                </div>
            </div>
            <!-- 下部分 -->
            <div class="brand_bottom">
                <img src="imgs/ias_156870227770045_570x273_90.jpg" alt="" width='285px'><img src="imgs/ias_156819366855749_570x273_90.jpg" alt="" width='285px'><img src="imgs/ias_156889898387685_570x273_90.jpg" alt="" width='285px'><img src="imgs/ias_156868995487248_570x273_90.jpg" alt="" width='285px'>
            </div>
        </div>
    </div>
    <!-- 女装热销 -->
    <div class="women women_1">
        <div class="center">
            <div class="bt"><img src="imgs/小标题（右）.png" alt=""><span>女装热销</span><img src="imgs/小标题（左）.png" alt=""></div>
            <div class="bu">Ladies Fashion Hot Sell</div>
            <div class="bt2 clearfix">
                <!-- 左边区域 -->
                <div class="bt_left fl">
                      <span>口 红</span><span>女 装</span><span>女 包</span><span>卸妆洁面</span>
                </div>
                <!-- 中间区域 -->
                <div class="bt_center fl">
                    <div class="fl">
                        <img src="imgs/15688822904603.jpg.jpg" alt="" width="312px" height="205px">
                    </div>
                    <div class="fl">
                        <p>ONLY2019秋冬新款弹力女裤</p>
                        <div class="fl"> 
                            <p>秋装上新款</p>
                            <p>¥ 179.00</p>
                            <p>¥230.00</p>
                        </div>
                        <img src="imgs/O1CN017ZDcSW1EJBFNuVXrL_!!0-item_pic.jpg_220x330Q90.jpg_.jpg" alt="" width="135px" class="fl">

                    </div>
                    <div class="fl">
                        <p>ONLY2019秋冬新款弹力女裤</p>
                        <div class="fl"> 
                            <p>秋装上新款</p>
                            <p>¥ 179.00</p>
                            <p>¥230.00</p>
                        </div>
                        <img src="imgs/O1CN01ojIfF31tRKYYQsRai_!!0-item_pic.jpg_430x430q90.jpg" alt="" width="135px" class="fl">
                    </div>
                    <div class="fl">
                    <img src="imgs/15688823648661.jpg.jpg" alt="" width="312px" height="205px">
                    </div>
                </div>
                <!-- 右边手风琴 -->
                <div class="bt_right fl">
                    <p>
                        <span>女装销量</span>
                        <span>爆买热款  实时更新</span>
                    </p>
                   <dl>
                       <!-- 1 -->
                       <dt>1.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>1</span></div>
                       </dd>
                       <!-- 2 -->
                       <dt>2.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>2</span></div>
                       </dd><!-- 3 -->
                       <dt>3.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>3</span></div>
                       </dd><!-- 4 -->
                       <dt>4.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>4</span></div>
                       </dd><!-- 5 -->
                       <dt>5.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>5</span></div>
                       </dd><!-- 6 -->
                       <dt>6.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>6</span></div>
                       </dd>
                   </dl>
                </div>
            </div>
        </div>
    </div>
     <!-- 男装热销 -->
     <div class="women women_2">
        <div class="center">
            <div class="bt"><img src="imgs/小标题（右）.png" alt=""><span>男装热销</span><img src="imgs/小标题（左）.png" alt=""></div>
            <div class="bu">Ladies Fashion Hot Sell</div>
            <div class="bt2 clearfix">
                <!-- 左边区域 -->
                <div class="bt_left fl">
                      <span>口 红</span><span>女 装</span><span>女 包</span><span>卸妆洁面</span>
                </div>
                <!-- 中间区域 -->
                <div class="bt_center fl">
                    <div class="fl">
                        <img src="imgs/ias_156280908227494_570x273_90.jpg" alt="" width="312px" height="205px">
                    </div>
                    <div class="fl">
                        <p>ONLY2019秋冬新款弹力女裤</p>
                        <div class="fl"> 
                            <p>秋装上新款</p>
                            <p>¥ 179.00</p>
                            <p>¥230.00</p>
                        </div>
                        <img src="imgs/9a6635df-a0ff-4ae7-b2ed-618254141a49_420_531_235x297_90.jpg" alt="" width="135px" height="135px" class="fl">

                    </div>
                    <div class="fl">
                        <p>ONLY2019秋冬新款弹力女裤</p>
                        <div class="fl"> 
                            <p>秋装上新款</p>
                            <p>¥ 179.00</p>
                            <p>¥230.00</p>
                        </div>
                        <img src="imgs/5d8526d1-0d65-4c83-856c-740e8c8984bb_5t.jpg" alt="" width="135px" height="135px" class="fl">
                    </div>
                    <div class="fl">
                    <img src="imgs/ias_156862926480219_570x273_90.jpg" alt="" width="312px" height="205px">
                    </div>
                </div>
                <!-- 右边手风琴 -->
                <div class="bt_right fl">
                    <p>
                        <span>女装销量</span>
                        <span>爆买热款  实时更新</span>
                    </p>
                   <dl>
                       <!-- 1 -->
                       <dt>1.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>1</span></div>
                       </dd>
                       <!-- 2 -->
                       <dt>2.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>2</span></div>
                       </dd><!-- 3 -->
                       <dt>3.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>3</span></div>
                       </dd><!-- 4 -->
                       <dt>4.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>4</span></div>
                       </dd><!-- 5 -->
                       <dt>5.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>5</span></div>
                       </dd><!-- 6 -->
                       <dt>6.乐町牛仔外套女19秋季新款短外套</dt>
                       <dd class="clearfix">
                           <img src="imgs/FD56362385FFF7FCE4C3C9267EB13C17.jpg" alt=""  class="fl">
                           <div class="fr">
                               <p>乐町牛仔外套女19秋季新款短外套女</p>
                               <p><span>¥</span> 199.00</p>
                           </div>
                           <div><span>6</span></div>
                       </dd>
                   </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 品牌专区 -->
    <div class="brand_zone">
        <div class="center">
            <div class="bt">
                <img src="imgs/小标题（右）.png" alt=""><span>男装热销</span><img src="imgs/小标题（左）.png" alt="">
            </div>
            <div class="bu">Ladies Fashion Hot Sell</div>
            <!-- xx品牌 -->
            <div class="egou clearfix">
                <img src="imgs/ias_156862926480219_570x273_90.jpg" alt="" class="fl">
                <div class="egou_right fl">
                    <p>XX品牌</p>
                    <p>HLA JEANS更注重与年青一代的情感沟通，提出“不普通的普通人”的品牌主张，鼓励年轻群体在生活之中坚持小自我，在平凡之中展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同。</p>
                    <p>品牌特卖中 >></p>
                </div>
            </div>
            <!-- 收藏 -->
            <div class="collect">
                <ul class="clearfix">
                    <li>
                        <img src="imgs/ias_156905874266141_570x273_90.jpg" alt="" width="285px">
                        <div class="li_abs">
                            <img src="imgs/心.png" alt="">
                            <span>收藏品牌</span>
                        </div>
                        <p>GOLD SHARK</p>
                        <p>品质男装  秋季焕新</p>
                    </li>
                    <li>
                        <img src="imgs/ias_156473998969226_570x273_90.jpg" alt="" width="285px">
                        <div class="li_abs">
                            <img src="imgs/心.png" alt="">
                            <span>收藏品牌</span>
                        </div>
                        <p>GOLD SHARK</p>
                        <p>品质男装  秋季焕新</p>
                    </li>
                    <li>
                        <img src="imgs/ias_156630312938643_570x273_90.jpg" alt="" width="285px">
                        <div class="li_abs">
                            <img src="imgs/心.png" alt="">
                            <span>收藏品牌</span>
                        </div>
                        <p>GOLD SHARK</p>
                        <p>品质男装  秋季焕新</p>
                    </li>
                    <li>
                        <img src="imgs/ias_155704404392536_570x273_90.jpg" alt="" width="285px">
                        <div class="li_abs">
                            <img src="imgs/心.png" alt="">
                            <span>收藏品牌</span>
                        </div>
                        <p>GOLD SHARK</p>
                        <p>品质男装  秋季焕新</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>









    <!-- 底部导航栏 -->
    <div class="tabbar floor_scroll">
        <div class="center">
            <ul class="clearfix">
                <li>
                    <img src="imgs/CgQI0lWskgmADBnsAAAPZvcSh3E68900~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/ChEbulWsk4iADa_aAAAM544hHN818600~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/CgQIz1WslI-Adao3AAAN5b_ut2I80100~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
                <li>
                    <img src="imgs/ChEi11WsyiyALBbiAAAN9lEEK5M33200~1.jpg" alt="" class="fl">
                    <div class="safeguard fl">
                        <p>正品保障</p>
                        <p>正品行货 放心选购</p>
                    </div>
                </li>
            </ul>
            <hr>


            <ul>
                <li>新手入门</li>
                <li>购物流程</li>
                <li>会员制度</li>
                <li>订单查询</li>
                <li>服务协议及隐私说明</li>
                <li>网站地图</li>
            </ul>


            <ul>
                <li>支付方式</li>
                <li>货到付款</li>
                <li>网上支付</li>
                <li>礼品卡支付</li>
                <li>其它支付</li>
            </ul>


            <ul>
                <li>配送服务</li>
                <li>配送进度查询</li>
                <li>商品验货与签收</li>
            </ul>


            <ul>
                <li>相关规则</li>
                <li>平台规则</li>
                <li>退换货政策</li>
                <li>发票制度</li>
                <li>帮助中心</li>
            </ul>


            <ul>
                <li>App更优惠</li>
                <li><img src="imgs/qryhd.png" alt=""></li>
            </ul>


            <ul>
                <li>加微信查订单</li>
                <li><img src="imgs/qryhd.png" alt=""></li>
            </ul>

        </div>
    </div>
    <!-- 地址 -->
    <div class="site">
        <div class="center">
            <p>沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |</p>
            <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
            <div class="copyright">
                <img src="imgs/ChEi1FYXHcOAVk_WAAAL2r2-yfo10200.jpg" alt="">
                <img src="imgs/CgQCr1PQy1CAF7vaAABDexsiEYM24800.jpg" alt="">
                <img src="imgs/f582260777c44b30.png" alt="">
                <img src="imgs/ChEi2lh171KAJrGlAAALl_uZt0E75600.jpg" alt="">
                <img src="imgs/CgQCrlPYTqCASlHXAAAd82JE0eA31000.png" alt="">
                <img src="imgs/7b46518a9d74a1d6.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- jq -->
    <script src="js/jquery.js"></script>
    <!-- 滑出搜索框js -->
    <script src="js/accordion.js"></script>
</body>

</html>